<script lang="ts" setup>
import { getFlag } from '@/stores/app'

const flag = getFlag()
</script>

<template>
  <div class="toggle-login-container">
    <h1>已有账号？</h1>
    <p>那就点击下方的按钮快去登陆吧！</p>
    <button @click="flag = false" class="ghost">现在登陆</button>
  </div>
</template>

<style lang="scss" scoped>
@import url(./base.scss);

.toggle-login-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: 36%;
  align-items: center;
  p {
    /* text-align: left; */
    margin-top: 46px;
    margin-bottom: 16px;
  }
  button {
    margin-top: 40px;
    width: 196px;
    font-size: 19px;
    background-color: rgb(218, 152, 65);
    /* color: antiquewhite; */
  }
}
</style>
